<template>
    <!-- 比分版 -->
    <div class="score_container">
        <div class="drag-region" data-tauri-drag-region></div>
        <ScoreBoard></ScoreBoard>
    </div>
</template>

<script setup lang='ts' name="ScoreIndex">
import ScoreBoard from './ScoreBoard.vue';
</script>
<style scoped lang='scss'>
.score_container {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: grid;
    grid-template-rows: 80px auto 168px;
    position: relative;
    cursor: move;

    .drag-region {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; // 与header高度一致
        z-index: 9999;
        /* 兼容性写法 */
    }
}
</style>